<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../layui/jquery-3.2.1.min.js"></script>
    <script src="../layui/layui.js"></script>
    <link href="../layui/css/layui.css" rel="stylesheet">
    <script src="js/purchaseFind.js"></script>
    <link href="css/purchaseFind.css"  rel="stylesheet">
</head>
<body>
    <h1 style="margin-left: 43%" >采购信息查询</h1>

    <!--采购信息列表-->
    <div class="table">
        <table class="layui-table">
            <thead><tr><th>供应商名称</th><th>采购员</th><th>采购时间</th><th>操作</th></tr></thead>
            <tbody id="purchaseData">
            </tbody>
        </table>
        <div id="cutPageDiv"></div>
    </div>

    <!--查询采购信息-->
    <div id="select">
        <div  id="info">查询采购信息</div>
        <div style="width: 280px;height: 200px; ">
        <form  class="layui-form" action="">
            <div class="layui-form-item">
                <label class="layui-form-label">供应商</label>
                <div class="layui-input-block">
                    <input type="text" name="supplier" id="supplier" required  lay-verify="required" placeholder="请输入供应商" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">起始日期</label>
                <div class="layui-input-block">
                    <input type="text" name="startDate" id="startDate" required  lay-verify="required" placeholder="请输入起始日期" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">结束日期</label>
                <div class="layui-input-block">
                    <input type="text" name="endDate" id="endDate" required  lay-verify="required" placeholder="请输入起始日期" autocomplete="off" class="layui-input">
                </div>
            </div>
            <a href="javascript:findByItem(1)" class="layui-btn layui-btn-normal"style="margin-top: 5px;margin-left: 35px">
                <i class="layui-icon layui-icon-search" ></i>查询
            </a>
        </form>
        </div>
    </div>


    <!--查看商品详细信息弹出层-->
    <div id="formDiv" style="display: none">
        <h1 style="margin-left: 34%">采购信息详情</h1>
        <div class="baseInfo">
            <div class="base"><span class="layui-text">供应商名称：</span><span id="supName" class="value"></span></div>
            <div class="base"><span class="layui-text">采购员：</span><span id="userName" class="value"></span></div>
            <div class="base"><span class="layui-text">采购时间：</span><span id="buyDate" class="value"></span></div>
        </div>

        <div style="margin-top: 20px"><span class="layui-text">采购物品明细：</span></div>
        <table class="layui-table" id="t1"  >
            <thead><tr><th>商品名称</th><th>厂家</th><th>建议采购价</th><th>建议销售价</th><th>采购数量</th></tr></thead>
            <tbody id="detail">
            </tbody>
        </table>
        <input type="button" class="layui-btn layui-btn-normal" value="确定" style="margin-left:270px" onclick="layer.closeAll()">
    </div>

</body>
</html>